<template>
  <div id="app">
    <!-- 路由出口 -->
    <!--
      keep-alive: 是vue内置的组件,功能是对 包在它里面的组件进行缓存

      缓存：在切换路由时，不做删除

      对于不同路由组件，可以有针对性进行缓存
    -->
    <!-- 如果当前的路由对象上有 isKeepAlive 这个标识就缓存，否则就不缓存 -->
     <keep-alive>
      <router-view v-if="$route.meta.isKeepAlive"/>
    </keep-alive>

    <router-view v-if="!$route.meta.isKeepAlive"/>
  </div>
</template>

<style lang="less">
</style>
